<template lang="pug">
    #app
        transition(name="router-fade" mode="out-in")
            router-view
</template>


<script type="es6">
	// page initial ......
	import InitRem from './config/initRem'
	import iconFont from './symbol/iconfont'
	import attachFastClick from 'fastclick'
    // component
    import appIndex from 'component/index/index'
    import login from 'component/login/login'
    // html fontSize
	InitRem.init(document,window);
	//    // remove touch delay
	document.documentElement.addEventListener('DOMContentLoaded', () => {
		attachFastClick(document.body)
	}, false)

    export default {
		components:{
          appIndex,
          login
        }
    }
</script>


<style lang="stylus">
    @import "../node_modules/normalize.css/normalize.css"

    .icon
        width 1em
        height 1em
        vertical-align -0.15em
        fill currentColor
        overflow hidden

    body
        font-family Helvetica
    a
        -webkit-tap-highlight-color rgba(0, 0, 0, 0)

    .router-fade-enter-active, .router-fade-leave-active
        transition opacity .3s
    .router-fade-enter, .router-fade-leave-active
        opacity 0


</style>
